<div class="header">
  <!-- 顶部标题和退出个人信息按钮 -->
  <div class="header-top clear">
    <div class="left-info">工程安全信息化管理系统</div>
    <div class="right-info">
      <div class="vertical-middel-block"></div>
      <div class="right-info-container">
        <div class="icon-list clear">
          <div class="icon-item" ng-click="headerNav.logout()">
            <img src="../../../assets/images/logout-icon.png" alt="">
          </div>
          <div class="icon-item" style="font-size: 16px;" ui-sref="messageCenter">
            <i class="fa fa-bell">
              <div class="msg-count" ng-if="headerNav.msgCount">{{headerNav.msgCount}}</div>
            </i>
          </div>
          <!-- <div class="icon-item icon-fa" ui-sref="crewScheduling">
            <i class="fa fa-book" aria-hidden="true"></i>
          </div> -->
          <!-- <div class="icon-item">
            <img src="../../../assets/images/mail-icon.png" style="width: 16px; height: 12px;margin-top: 3px;" alt="">
          </div> -->
          <div class="icon-item" ng-click="headerNav.changePwd()">
            <img src="../../../assets/images/header-icon.png" alt="">
          </div>
          <div class="icon-item" ng-click="headerNav.qrCode()">
            <i class="fa fa-mobile icon-mobile"></i>
          </div>
          <div class="icon-item weather-info" style="font-size: 12px;">
            {{userInfo.userName}}，您好！
          </div>
        </div>
        <!-- <div class="weather-info">
          {{userInfo.userName}}您好,{{userInfo.currentSystemTime}}
        </div> -->
        <!-- <div class="change-bid" ng-hide="headerNav.showBidMsg">
          <i class="fa fa-shoushi"></i>
          <span>点击切换标段</span>
          <i class="fa fa-times-circle icon-del"
            ng-click="headerNav.closeBid()"></i>
        </div> -->
      </div>
    </div>
  </div>

  <!-- 导航 -->
  <div class="header-menu-bar clear">
    <ul class="nav nav-list">
      <li class="menu-item"
        ng-repeat="superMenuItem in headerNav.menus"
        authorization-view="{{superMenuItem.srefName}}"
        ng-class="{hover:superMenuItem.hover,visited: headerNav.isVisited(superMenuItem)}"
        ng-mouseenter="headerNav.setSubMenuActive(superMenuItem, true)"
        ng-mouseleave="headerNav.setSubMenuActive(superMenuItem, false)"
        ng-click="headerNav.goPage(superMenuItem)">
        <a>
          <i class="menu-icon {{headerNav.getIconClass(superMenuItem)}}"></i>
          <span class="menu-txt">{{::superMenuItem.name}}</span>
          <i class="icon glyphicon-menu-right"></i>
        </a>
        <!-- <b class="arrow"></b> -->
        <ul class="submenu can-scroll menu-item-txt"
          ng-show="superMenuItem.active">
          <li class="hover"
            style="padding: 0 20px 0 76px;"
            ng-repeat="subMenuItem in superMenuItem.subMenus"
            ui-sref="{{subMenuItem.srefName}}">
            <a>
              <i class="menu-icon fa fa-caret-right"></i>
              {{::subMenuItem.name}}
            </a>
          </li>
        </ul>
      </li>
    </ul>
  </div>
  <!-- 当前位置信息 -->
  <div class="current-location">
    <div class="location-container" ng-if="headerNav.getCurrentLocationStacks()">
      <i class="fa fa-map-marker"></i>
      <span class="ml5">当前位置：</span>
      <span>{{headerNav.getCurrentLocationStacks()}}</span> 
    </div>
  </div>

  <!-- 修改密码 -->
  <script type="text/ng-template" id="pwdDialog">
    <div class="item-detail-dialog">
      <div class="item-detail-dialog-header">
        <div class="title-txt">
          <span>修改密码</span>
        </div>
      </div>
      <div class="item-detail-dialog-content">
        <form name="remarkForm" novalidate>
          <div class="row-item">
            <div class="fixed-left-label">登录名：</div>
            <div class="right-value">         
              <input type="text" name="loginName" disabled
                ng-model="vm.userInfo.loginName" />
            </div>
          </div> 
          <div class="row-item">
            <div class="fixed-left-label"><b>*</b>原始密码：</div>
            <div class="right-value">         
              <input type="password" name="originalPassword" required 
                ng-model="vm.userInfo.originalPassword"/>
            </div>
            <span class="error-tip"
              ng-show="(remarkForm.$submitted || remarkForm.originalPassword.$dirty) && remarkForm.originalPassword.$error.required">
              必填
            </span>
          </div>
          <div class="row-item">
            <div class="fixed-left-label"><b>*</b>新密码：</div>
            <div class="right-value">         
              <input type="password" name="newPassWord" required
                ng-model="vm.userInfo.newPassWord"/>
            </div>
            <span class="error-tip"
              ng-show="(remarkForm.$submitted || remarkForm.newPassWord.$dirty) && remarkForm.newPassWord.$error.required">
              必填
            </span>
          </div>
          <div class="row-item">
            <div class="fixed-left-label"><b>*</b>确认密码：</div>
            <div class="right-value">         
              <input type="password" name="confirmPassword" required 
                ng-model="vm.userInfo.confirmPassword"/>
            </div>
            <span class="error-tip"
              ng-show="(remarkForm.$submitted || remarkForm.confirmPassword.$dirty) && remarkForm.confirmPassword.$error.required">
              必填
            </span>
          </div>           
        </form>
      </div>
      <div class="item-detail-dialog-footer" style="text-align:center;">
        <a class="pa-btn"
          ng-click="vm.submit(remarkForm)">
          <i class="fa fa-save"></i>
          <span>确定</span>
        </a>
        <a class="pa-btn" ng-click="closeThisDialog()">
          <i class="fa fa-times"></i>
          <span>取消</span>
        </a>
      </div>
    </div>
  </script> 

  <!-- 二维码 -->
  <script type="text/ng-template" id="codeDialog">
    <div class="code-img">
      <img src="../../../assets/images/apk1.png" alt="图片" />
    </div>
    <!-- 显示用户操作手册 -->
    <div class="avatar-attachment-upload-outer">
      <div class="file-list-outer">
        <div class="file-item">
          <span class="upload-file-name">平安工程APP用户手册.docx</span>         
          <a class="pa-btn file-del-btn" target="_blank" 
            ng-href="{{vm.getDocx()}}">
            下载
          </a>
        </div>
      </div>
    </div>
  </script>
</div>